<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试题</title>
    <link href="css/index.css" rel="stylesheet">
</head>
<body>
<header>
    <div class="inner">
        <div class="nav">
            <div class="nav_logo">MY/FOLIO</div>
            <div class="nav_right">
                <ul>
                    <li><a href="javascript:" class="active">Home</a></li>
                    <li><a href="javascript:">Services</a></li>
                    <li><a href="javascript:">Portfolio</a></li>
                    <li><a href="javascript:">About</a></li>
                    <li><a href="javascript:">Blog</a></li>
                    <li><a href="javascript:">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>
</header>
<section>
    <div class="inner">
        <div class="main">
            <div class="main_top">
                <div class="main_top_logo"><img src="images/pic_big.jpg"></div>
                <div class="main_top_right">
                    <div class="main_top_right_logo"><img src="images/arrow-left.png"></div>
                    <div class="text_top">taking Pictures</div>
                    <p>Is my passion sapien massa, a<br> imperdiet diam. Aliquam erat<br> volutpat. Sed consectetur
                        suscipit<br> nunc et rutrum. </p>
                    <div class="text_bottom">Lorem ipsum dolor sit amet, <br>consectetur adipiscing elit. <br>Integer
                        commodo tristique odio,<br> quis fringilla ligula aliquet<br> utpisci.
                    </div>
                    <div class="text_bottom02">Visit my blog</div>
                </div>
            </div>
            <div class="main_bot clear">
                <div class="main_bot_left"><img src="images/07_03.jpg"/></div>
                <div class="main_bot_bot">
                    <img class="pic" src="images/01_03.jpg">
                    <img src="images/4.jpg">
                    <div class="bot_x">
                        <img src="images/arrow-top.png">
                        <p>@Envato</p>
                        <div class="bot_x_text">Phasellus leo ante, posuere in <br>fringilla vitae, pretium at dui.<br>
                            Fusce et neque quis odio gravida <br>auctor vel non mauris. Vivamus <br>gravida aliquet
                            eros.
                        </div>
                    </div>

                </div>
                <div class="main_bot_right"><img src="images/08_05.jpg"></div>
            </div>
            <div class="main_btm clear">
                <div class="main_btm_left"><img src="images/1.jpg"></div>
                <div class="main_btm_bot"><img src="images/09_10.jpg"></div>
                <div class="main_btm_btm"><img src="images/10.jpg">
                    <div class="bot_x">
                        <img src="images/arrow-top.png">
                        <p>About me</p>
                        <div class="bot_x_text">Phasellus leo ante, posuere in <br>fringilla vitae, pretium at dui.<br>
                            Fusce et neque quis odio gravida <br>auctor vel non mauris. Vivamus <br>gravida aliquet
                            eros.
                        </div>
                    </div>
                </div>
            </div>
            <div class="main_btm2">
                <div class="main_btm2_left">
                    <img src="images/2.jpg">
                    <div class="bot_x">
                        <img src="images/arrow-top.png">
                        <p>contact me</p>
                        <div class="bot_x_text">22 Miron Drive<br>
                            New York City, 12603 NY<br>

                            E-Mail: hello@domain.com<br>
                            Phone: 845- 123 4567<br>
                        </div>
                    </div>
                </div>
                <div class="main_btm2_right">
                    <img src="images/3.jpg">
                    <img class="pic" src="images/001.jpg">
                </div>
            </div>
        </div>
</section>
<footer class="clear">
    <div  class="inner">
        <div class="footer_btn clear">
            <ul class="splih clear">
                <li><img src="images/002_20.jpg"></li>
                <li><img src="images/002_22.jpg"></li>
                <li><img src="images/002_24.jpg"></li>
                <li><img src="images/002_26.jpg"></li>
                <li><img src="images/002_28.jpg"></li>
                <div class="text">2013, MARS</div>
            </ul>
        </div>
    </div>
</footer>
</body>
</html>